.container {
    background-color: #f4f6fa;

    .search_input {
        margin-top: 9.38px;
    }

    .search {
        width: 17.36px;
        height: 17.36px;
    }

    .card {
        width: 354.17px;
        // height: 271.18px;
        background: #ffffff;
        border-radius: 6.94px;
        margin: 0 auto 10.42px;
        padding: 15.63px 10.42px 15.63px;

        .name_new {
            margin-bottom: 16.67px;

            .name {
                font-size: 17.36px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: bold;
                text-align: left;
                color: #333333;
            }

            .new {
                width: 20.83px;
                height: 20.83px;
                background: #ff6161;
                border-radius: 4.86px;

                font-size: 13.19px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: center;
                line-height: 20.83px;
                color: #ffffff;

            }
        }

        .info {
            img {
                width: 69.44px;
                height: 69.44px;
                background: rgba(241, 232, 190, 0.00);
                border-radius: 6.94px;
                margin-right: 13.89px;
            }

            .info_main {
                .task_name {
                    width: 159.03px;
                    font-size: 15.28px;
                    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                    font-weight: 400;
                    text-align: left;
                    color: #666666;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .exportTime {
                    font-size: 13.19px;
                    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                    font-weight: 400;
                    text-align: left;
                    color: #666666;
                }

                .jurisdiction {
                    margin: 13px 0;

                    .text {
                        font-size: 12.5px;
                        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                        font-weight: 400;
                        text-align: left;
                        color: #888888;
                    }

                    .user,
                    .patriarch {
                        font-size: 12.5px;
                        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                        font-weight: 400;
                        text-align: left;
                        color: #888888;
                        margin-right: 7.29px;

                        img {
                            width: 13.19px;
                            height: 13.19px;
                            margin-right: 6.94px;
                        }
                    }
                }

                .start_end_time_left {
                    .text {
                        font-size: 13.19px;
                        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                        font-weight: 400;
                        text-align: left;
                        color: #666666;
                        margin: 14px 0;
                    }

                    .end_time {
                        margin-top: 6.94px;
                    }

                    .start_time,
                    .end_time {
                        width: 138.89px;
                        height: 20.83px;
                        text-align: center;
                        line-height: 20.83px;
                        background: rgba(136, 136, 136, 0.00);
                        border: 0.35px solid #aaaaaa;
                        border-radius: 4.86px;
                        font-size: 13.19px;
                        font-family: Microsoft YaHei,
                            Microsoft YaHei-Regular;
                        font-weight: 400;
                        color: #666666;
                    }
                }

                .start_end_time_right {
                    .btn {
                        margin-left: 20.83px;
                        margin-top: 48px;
                        width: 86.81px;
                        height: 34.72px;
                    }
                }
            }





        }

        .footer {
            width: 354px;
            height: 45px;
            padding: 13.89px;
            border-top: 0.35px solid #ddd;
            transform: translate(-10.42px, 13.89px);

            >div {
                font-size: 12.5px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: left;
                color: #333333;
            }
        }
    }

    .title {
        height: 48.61px;
        line-height: 48.61px;
        margin-left: 17px;

        .date {
            margin-left: 11.11px;
            font-size: 15.97px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: bold;
            text-align: left;
            color: #333333;
        }
    }

}